<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8"> 
    <title>超链接、路径</title>  
</head>  
<body>  
  <!-- 文本、图片（图片路径是相对路径）、邮箱、下载链接 -->
    <a href="http://www.baidu.com">文本链接</a> <br>  
    <a href="http://www.baidu.com"><img src="../img/baidu_logo.png" width="100" height="50" style="background-color:#eee"></a>   <br>  
    <a href="mailto:XXX">邮箱链接，发送邮件到 XXX 邮箱</a>  <br>  
    <a href="xxx.png">下载链接，通常如果浏览器碰到不能解析的会自动下载</a>  

    <hr>  
  <!-- target 属性 -->
    <p>target属性</p>  
    <a href="http://www.baidu.com" target="_self">文本链接 target=_self</a> <br>  
    <a href="http://www.baidu.com" target="_blank">文本链接 target=_blank</a>   <br>  
    <a href="http://www.baidu.com" target="_top">文本链接 target=_top</a>       <br>  
    <a href="http://www.baidu.com" target="_parent">文本链接 target=_parent</a>     <br>  
      
    <hr>  
  <!-- 锚点 -->
    <a href="#content1">锚点1</a>  
    <a href="#content2">锚点2</a>  
    <a href="#content3">锚点3</a>  
    <a href="#content4">锚点4</a>  
    <hr>  
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>  
    <p id="content1">内容1</p>  
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>  
    <p id="content2">内容2</p>          
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>  
    <p id="content3">内容3</p>  
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>  
    <p id="content4">内容4</p>  
  
</body>  
</html>